<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Business Cloud</title>
<link rel="stylesheet" href="./css/blue.css" type="text/css" media="screen" />
<link rel="stylesheet" href="./css/signin.css" type="text/css" media="screen" />
<script type="text/javascript" src="./js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
        $(document).ready(function() {

            $(".signin").click(function(e) {          
				e.preventDefault();
                $("fieldset#signin_menu").toggle();
				$(".signin").toggleClass("menu-open");
            });
			
			$("fieldset#signin_menu").mouseup(function() {
				return false
			});
			$(document).mouseup(function(e) {
				if($(e.target).parent("a.signin").length==0) {
					$(".signin").removeClass("menu-open");
					$("fieldset#signin_menu").hide();
				}
			});			
			
        });
</script>
<script type="text/javascript" src="./js/cufon-yui.js"></script>
<script type="text/javascript" src="./js/league_gothic_400.font.js"></script>
<script type="text/javascript" src="./js/loopslider.js"></script>
<script type="text/javascript" src="./js/jqueryslidemenu.js"></script>
<script type="text/javascript" src="./js/custom.js"></script>
<meta charset="UTF-8">
</head>

<body id="two-columns">

<div id="wrapper-nav"><!-- begin wrapper-nav -->
  <div id="nav-logo" class="clearfloat"><!-- begin nav-logo -->
    <div id="logo"> <!-- begin logo --> 
      <a href="index.html"><img src="./images/logo.png" alt="logo" /></a> </div>
    <!-- end logo -->
    <div id="myslidemenu" class="jqueryslidemenu">
    <!-- begin jqueryslidemenu -->
    <ul class="primary-menu">
      <!-- begin primary-menu -->
      <li><a href="./portfolio-columns-nyc.html">REGION / New York City &raquo;</a>
        <ul>
          <li><a href="./portfolio-columns-nyc.html">New York City</a></li>
          <li><a href="./portfolio-columns-sfo.html">San Francisco</a></li>
        </ul>
      </li>
      <li class="last"><a href="signup.html">Sign Up</a></li>
      <li>
        <div id="topnav" class="topnav"><a href="login" class="signin"><span>Sign in</span></a> </div>
        <fieldset id="signin_menu">
          <form method="post" id="signin" action="login">
            <label for="username">Email</label>
            <input id="email" name="email" value="" title="email" tabindex="4" type="text">
            <label for="password">Password </label>
            <input id="password" name="password" value="" title="password" tabindex="5" type="password">
            </p>
            <p class="remember">
              <input id="signin_submit" value="Sign in" tabindex="6" type="submit"/>
              <input id="remember" name="remember_me" value="1" tabindex="7" type="checkbox"/>
              <label for="remember">Remember me</label>
            </p>
          </form>
        </fieldset>
      </div>
      </li>
    </ul>
    <!-- begin primary-menu -->
  </div>
  <!-- end jqueryslidemenu --> 
</div>
<!-- end nav-logo -->
</div>
<!-- end wrapper-nav -->



<div id="wrapper-blue"><!-- begin wrapper-blue -->
  <div id="wrapper-blue-inside"><!-- begin wrapper-blue-inside -->
    <h1>Sign Up</h1>
    <div class="breadcrumbs"><!-- begin breadcrumbs --> 
      <a href="./index.html">Home</a> &raquo; <a href="#">Sign Up</a> </div>
    <!-- end breadcrumbs --> 
  </div>
  <!-- end wrapper-blue-inside --> 
  
</div>
<!-- end wrapper-blue -->

<div id="content" class="clearfloat"><!-- begin content -->
  <div id="sidebar"><!-- begin sidebar -->
        <h4>Join OfferSticker<h1></h1></h4>
    <ul class="submenu">
      <!-- begin submenu -->
      <li>Save for each purchase</li>
      <li>Get notified of incoming offers</li>
      <li>Get exclusive offers for loyal customers</li>
    </ul>
    <!-- end submenu -->     
  </div>
  <!-- end sidebar -->
  
  <div id="main-content"><!-- begin main-content -->
    <h3>Join Offer Sticker and Enjoy Great Discounts for Being a Loyal Customer</h3>
    <div id="note"></div>
    <form action="signup" id="contact-form">
      <p>
        <label>E-Mail: </label>
        <input class="textbox" type="text" name="email" value="" />
      </p>
      <p>
        <label>Password: </label>
        <input class="textbox" type="password" name="password" value="" />
      </p>
      <p>
        <input class="signup-button" type="submit" name="submit" value="Sign Up" />
      </p>
    </form>
  </div>
  <!-- end main-content --> 
  
</div>
<!-- end content -->

<div id="footer"><!-- begin footer -->
  <div id="footer-inside" class="clearfloat"><!-- begin footer-inside -->
    <div class="footer-block"><!-- begin footer-block -->
      <h4>How to use</h4>
      <ul>
        <li><a href="#">Go to a merchant who joined comeoften.com</a></li>
        <li><a href="#">Scan the merchant's QR sticker or type the url</a></li>
        <li><a href="#">Enter the verification code</a></li>
        <li><a href="#">Redeemp the offer and save!</a></li>
      </ul>
    </div>
    <!-- end footer-block -->
    <div class="footer-block"><!-- begin footer-block -->
      <h4>social links</h4>
      <p>Enjoy a loyal customer's  benefits. Follow us on the social network and get the latest offers from your favourite local merchants! </p>
      <ul id="social-links">
        <li><a href="#" class="social"><img src="./images/facebook.gif" alt="" /></a></li>
        <li><a href="#" class="social"><img src="./images/twitter.gif" alt="" /></a></li>
        <li><a href="#" class="social"><img src="./images/in.gif" alt="" /></a></li>
        <li><a href="#" class="social"><img src="./images/thumblr.gif" alt="" /></a></li>
        <li><a href="#" class="social"><img src="./images/vimeo.gif" alt="" /></a></li>
        <li><a href="#" class="social"><img src="./images/flickr.gif" alt="" /></a></li>
      </ul>
    </div>
    <!-- end footer-block -->
    
    <div class="footer-block footer-block-last"><!-- begin footer-block -->
      <h4>Client Testimonials</h4>
      <div id="testimonials"><!-- begin testimonials -->
        <p class="text">I buy coffee every morning at Sam's coffee, I get a free coffee every 4 visits! They treat loyal customers really well!
          </h1>
        </p>
        <p class="name">- James Klock -</p>
      </div>
      <!-- end testimonials --> 
    </div>
    <!-- end footer-block --> 
    
  </div>
  <!-- end footer-inside --> 
</div>
<!-- end footer -->
<div id="mini-footer"><!-- begin mini-footer --> 
  Copyright &copy; comeoften.com 2011. All rights reserved. </div>
<!-- end mini-footer -->

</body>
</html>
